<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加学习列表</title>
    <script src="../websrc/js/jquery-3.2.1.js"></script>
    <link rel="stylesheet"
          href="../websrc/bootstrap-3.3.7-dist/css/bootstrap.css">

    <link rel="stylesheet" href="../websrc/css/common.css">
    <script type="text/javascript" src="../websrc/js/common.js"></script>
    <script type="text/javascript" src="../websrc/js/insertstudylist.js"></script>
    <style type="text/css">
        .addBtn {
            text-decoration: none;
            color: #333;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background-color: #f3f3f3;
            text-align: center;
            position: absolute;
            left: 700px;
        }

        .reduceBtn {
            text-decoration: none;
            color: #333;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background-color: #f3f3f3;
            text-align: center;
            position: absolute;
            left: 660px;
        }

        .input-group {
            width: 800px;
            padding-right: 400px;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        /* .form-control{
         margin-top:20px;
        line-height:34px;
        } */

        a[disable=disable] {
             background-color: #f2f2f2;
            color: yellow;
        }

        label {
            display: block;
        }

        h4, h2 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #formDiv {
            width: 1200px;
            position: relative;
            margin: 0 auto;
            min-height: 540px;
        }
    </style>

</head>
<body>
<body>
<div>
    <div class="header clearfix">

        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed"
                            data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand header-left clearfix" href="#">
                        <div class="logo">LOGO</div>
                        <div class="projectName">记忆宫殿</div>
                        <div class="projectEnglishName">Memory Palace</div>
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse"
                     id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="/memorypalace/index-login.html">个人首页</a></li>
                        <li class="active"><a
                                href="/memorypalace/study/getsl.action">学习列表<span
                                class="sr-only">(current)</span></a></li>
                        <li><a href="/memorypalace/mydeck.html">浏览牌组</a></li>
                        <li><a href="/memorypalace/myknowledgetree.html">知识体系</a></li>


                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Wing</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </div>

    <input type="hidden" id="insertFlag" value="${insertFlag}"/>
    <form id="insertStudyList" class="myForm"
          action="/memorypalace/study/insertsl.action" method="post">
        <div id="formDiv" style="">
            <h2>新建学习列表</h2>
            <div class="row">
                <div class="col-lg-3">
                    <input type="text" name="studyListName" placeholder="请输入列表名"/>

                </div>

                <div class="col-lg-3">
                    <button id="submitBtnId" type="button"  class="btn btn-default">提
                        交</button>
                </div>
            </div>
            <h4>筛选条件</h4>
        </div>

    </form>
</div>
<script type="text/javascript"
        src="../websrc/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script>
    var studyListId;
    var userId;
    var studySchemeId;
    var defaultConditions = {
        "deckName": {"value": "", "pattern": "is"}
    };
    $(function () {
        addConditionsFromDefaultConditions();
    });
</script>
</body>
</html>